body {font-family: Verdana, Arial, Helvetica, sans-serif;
      color: #404035;
      background: #c5c5c4;
      margin:0px;
      padding:0px;}

a {
     color: #999999;
}
header {
  position:fixed;
  top:0px;
  width: 100%;
  font-size: 16px;
  line-height: 150px;
  height: 150px;
  background: transparent;
  color: #ffffff;
  transition: all 0.4s ease;
}

.container {
 	min-height:100%;
	width: 100%;
    height:auto !important;
    height:100%;
    background-color: transparent;  
    max-width: 1240px;
	margin: 195px auto 0px;
}

.boxcontainer {
      width: 100%;
      background-color: #e8e8ea;
      max-width: 1004px;
      margin: 0px auto;
      padding: 0px;
  }

.einerbox{
   position: relative;
   float: left;
   margin: 7px;
   width: 320px;
   height: 320px;
   background-color: #ffffff;
}

.zweierbox{
   position: relative;
   float: left;
   margin: 7px;
   width: 655px;
   height: 320px;
   background-color: #ffffff;
}

.dreierbox{
    position: relative;
    float: left;
    margin: 7px;
    width: 990px;
    height: 429px;
    background-color: #ffffff;
 }
 
.pdfload{
    width:190px;text-align:center; float:left;
}

.headcontainer {
 	min-height:100%;
	width: 100%;
    height:auto !important;
    height:100%;
    background-color: #ffffff;   
	max-width: 1200px;
	margin: 0px auto;
    padding: 0 20px;
    top:0px;
}

header.sticky {
  line-height: 90px;
  height: 90px;
  z-index: 100;
}

header img {
  
  float:right;
  height:85px;
  width:auto;
  margin-top:25px;
  transition: all 0.4s ease;
}

header.sticky img {
  
  float:right;
  height:70px;
  width:auto;
  margin-top:15px;
}

header h2 {
    text-align:right;
    color: #404040;
    padding:0px 8px 20px ;
    margin:0px;
    line-height:15px;
    font-size:110%;
    transition: all 0.4s ease;
}

header.sticky h2 {
    font-size:90%;
    padding: 0px 5px 15px;
}
.main	{
    margin:  0px; 
    padding: 0px;
	background-color: #ffffff;
}

.main h1 {
    text-align: center;
    font-size:180%;
    font-weight:700;
    line-height: 1.5em;
    padding: 90px 30px 0px 30px;
    color:#404040;
}

.main h2 {
    font-size:100%;
    font-weight:700;
    padding: 20px 30px 0px 30px;
    color:#404040;
}
.main p {
    padding: 10px 30px;
    margin: 0px;
    line-height: 1.5em;}

.main table {
    padding: 10px 30px;
    margin: 0px;}         

#footer {
    display:inline-block;   
    margin: 0px; 
    background-color: #ffffff;  
    color: #404040;
    font-size: 90%;
    font-weight:700;
    width:100%;
}
#footer p {
	display:block;
    float:left;
    min-width:25%;
    text-align:center;
}
  
a.toggle-nav{
	display:none;
}  
a.toggle-nav {
        text-decoration:none;
		padding:0px 20px;
		float:left;
		font-size:40px;
		transition:color linear 0.15s;
	}

	.toggle-nav:hover, .toggle-nav.active {
		text-decoration:none;
		color:#D3302B;
	}

.menu ul {
	list-style-type:none;
    padding:0px;
    margin:0px;
    transition: all 0.4s ease;
    
}

.menu li {
	display:inline-block;
	margin-right: 1px;
    transition: all 0.4s ease;
    
}

.menu li a {
	display:block;
    margin:0px;
    padding:0px;
	min-width:120px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	color: #fff;
	background: #999999;
	text-decoration: none;
    transition: all 0.4s ease;
}

.menu li:hover a {
	background: rgb(65, 195, 228);
    transition: all 0.4s ease;
    
}

.menu ul li a:hover + .hidden, .hidden:hover {
	display: block;
    transition: all 0.4s ease;
}

.maps { float:right; 
        width:50%; 
        margin-right:30px}

/*Responsive Style*/

@media screen and (max-width : 1210px){


header img {
  height:60px;  
  margin-top:7px;
}

header.sticky img {  
  margin-top:7px;
}

.container {
    margin: 143px auto 0px;
	max-width: 98.7%;
}

.main h1 {
    text-align: center;
    font-size:130%;
    font-weight:700;
    line-height: 1.5em;
    padding: 30px 30px 0px 30px;
    color:#404040;
}

.main h2 {
    font-size:100%;
    font-weight:700;
    padding: 20px 30px 0px 30px;
    color:#404040;
}

.headcontainer {
	max-width: 95%;
}

header {
  line-height: 70px;
  height: 70px;
}
	
header.sticky {
  line-height: 70px;
  height: 70px;
}

a.toggle-nav {
 		display:inline-block;
}

.menu {
        position:relative;
        display:inline-block;
    }

.menu ul.active {
		display:none;
	}

    .menu ul {
        width:180px;
        position:absolute;
        top:100%;
        left:0px;
        padding:10px 18px;
        box-shadow:0px 1px 1px rgba(0,0,0,0.15);
        border-radius:3px;
        background:#909090;	}
	
	   .menu ul:after {
        width:0px;
        height:0px;
        position:absolute;
        top:0%;
        left:22px;
        content:'';
        transform:translate(0%, -100%);
        border-left:7px solid transparent;
        border-right:7px solid transparent;
        border-bottom:7px solid #909090;
    }
 
    .menu li {
        margin:5px 0px 5px 0px;
        float:none;
        display:block;
    }
 
    .menu a {
        display:block;
    }
	
    #footer {line-height: 0px;
       
             margin:0;
             padding:0;}
    
    #footer p {
	display:block;
    min-width:100%;
    text-align:center;
}
   
.maps { float:right; 
    width:50%; 
    margin-right:30px}



@media screen and (max-width : 770px){

.boxcontainer {
      max-width: 436px;
  }

  .main h1 {
    text-align: center;
    font-size:105%;
    font-weight:700;
    line-height: 1.5em;
    padding: 0px 30px 0px 30px;
    color:#404040;
}

.main h2 {
    font-size:100%;
    font-weight:700;
    padding: 20px 30px 0px 30px;
    color:#404040;
}  
.dreierbox {width:396px;
 height: 171px;}

  .maps {float:none;
    width:90%; 
    margin:0 30px}
  
video { height: 240px;
        width: 320px}    

}




/* Fancy Box styles */

#hidden-content-b {
  /* Custom styling */
  max-width: 550px;
  border-radius: 4px;

  /* Custom transition - slide from top*/
  transform: translateY(-50px);
  transition: all .33s;
}

.fancybox-slide--current #hidden-content-b {
  transform: translateY(0);
}



}